<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>about</title>
	<link rel="stylesheet" href="./css/init.css">
	<link rel="stylesheet" href="./css/about.css">
</head>
<body>

		<!-- <div class="logo bcgray">
			<img src="imgs/V.png" alt="title" >
		</div>
		<ul class="nav ">			
			<li><a href="#">CONTACT</a></li>
			<li><a href="#">BLOG</a></li>			
			<li><a href="#">SERVICE</a></li>
			<li class="pr"><a href="#" class="nav-active">ABOUT</a></li>
			<li><a href="#">HOME</a></li>
		</ul>
		<div class="banner">
			<div>
				<img class="banner-img wm" 
				src="imgs/banner-img.png" alt="">
			</div>
			
			<p class='banner-text white'>
				<span>2018</span>
				<span>/NEW</span>
			</p>
		</div> -->
		<div class="home">
                <div class="home-header">
                    <img src="imgs/V.png" height="90" width="101" alt="v-logo" />
                    <ul>
                        <li><a href="index.html">HOME</a></li>
                        <li><a href="about.html" class="active">ABOUT</a></li>
                       <!--  <li><a href="#">SERVICE</a></li>
                       <li><a href="#">BLOG</a></li>
                       <li><a href="#">CONTACT</a></li> -->
                    </ul>
                </div>
       </div>
	

	<main>
		<div class="content dflex mt175">
			<div class="content-img">
				<img src="imgs/who.png" alt="">
			</div>
			<div class="infoText ml100 pr">
				<p class='f18 infoText-title pr'>WHO WE ARE</p>
				<h3 class="f42 mt30 pr fw500">Tech.&Design Studio 2018</h3>
				
				<p class="f18 mt30 fw300">
					维生数工作室成立于2009年，是广东工业大学的一个专注互联网产品的科研团队。工作室上线了WeGDUT小程序、广工校医院官网、广工新生专题网、工大在线、工大乐享、广工图书馆助手插件等服务广工学子的非盈利项目，同时也制作过光明牛奶官网、水密码小游戏等外包项目。
				</p>
				<div class="dflex dflex-b mt30">
					<div class="h50">
						<img class="i-big fl" src="imgs/design.png" alt="design">
						<span class="f16 dib fl lh50 ml20">DESIGN</span>
					</div>
					<div class="h50">
						<img class="i-big fl" src="imgs/dev.png" alt="development">
						<span class="f16 dib fl lh50 ml20">DEVELOPMENT</span>
					</div>
					<div class="h50">
						<img class="i-big fl" src="imgs/operation.png" alt="operation">
						<span class="f16 dib fl lh50 ml20">OPERATION</span>
					</div>
				</div>

				<div class="f18 mt45 contact-btn">CONTACT US</div>
			</div>
		</div>

		<div class="content mt175">
			<div class="fc">
				<p class="f30 pr what-we-do fls5 fw600">WHAT&nbsp;&nbsp; WE &nbsp;&nbsp;DO</p>
				<p class="f16">What we can do for you</p>
			</div>
			<div class="dflex dflex-c mt75">
				<div class="iconBox w350">
					<div class="h36 vm">
						<img class="i-sma fl" src="imgs/design2.png" 
						alt="designs">
						<h3 class="f24 lh36 dib fl ml20">Design</h3>
					</div>
					<p class="f18 mt25 ml60">
						设计组
					</p>
				</div>
				<div class="iconBox w350 mr60 ml60">
					<div class="h36 vm">
						<img class="i-sma fl" 
						src="imgs/dev2.png" alt="">
						<h3 class="f24 lh36 dib fl ml20">Development
						</h3>
					</div>				
					<p class="f18 mt25 ml60">
						前端组
					</p>
				</div>
				<div class="iconBox w350">
					<div class="h36 vm">
						<img class="i-sma fl" src="imgs/ope2.png" alt="">
						<h3 class="f24 lh36 dib fl ml20">Operation</h3>
					</div>
					<p class="f18 mt25 ml60">
						后台组
					</p>
				</div>
			</div>
		</div>

		<div class='mt300'>
			<div class="h185 bcsmallgray wm white fc oh">
				<p class="f28 mt50 pr fls5 fw600">OUR&nbsp;&nbsp;AWESOME&nbsp;&nbsp;TEAM</p>
				<p class="f16">we are vtmers</p>
			</div>
			<div>
				<img class="wm" src="imgs/hhhhh.png" alt="">
				<!-- <form action="">
					<input type="text">
					<input type="text">
					<button></button>
				</form> -->
			</div>
		</div>
	</main>
	<footer>
		<div class="content mt200">
			<div class="logo-box fc pr">
				<img src="imgs/logo.png" alt="">
				<div class="logo-info pa f16">
					<p>VTIMER</p>
					<p>STUDIO</p>
					<div class="line mt8"></div>
				</div>
				<p class="mt60 f18 lh30 fls3">
					我们以严谨的态度，追求极致的体验。让产品更加简单而优雅。
				</p>
				<p class="f18">让用户的操作自然顺畅，拉近用户的距离。</p>
			</div>
			<div class="dflex dflex-c mt100">
				<div class="inconBox">
					<img class="i-mid fl" src="imgs/location.png" alt="location-icon">
					<div class="fl f16 ml15">
						<h4 class="f16">Location:</h4>
						<p>广东工业大学大学城校区</p>
					</div>
				</div>
				<div class="inconBox  ml110 mr110">
					<img class="i-mid fl" src="imgs/tel.png" 
					alt="tel-icon">
					<div class="fl f16 ml15">
						<h4 class="f16">TEL:</h4>
						<p>13143381547</p>
					</div>			
				</div>
				<div class="inconBox">
					<img class="i-mid fl" src="imgs/email.png" alt="email-icon">
					<div class="fl f16 ml15">
						<h4>Email:</h4>
						<p>backtobaek@163.com</p>
					</div>
				</div>
			</div>
		</div>
		<div  class="pr">
			<img class="wm" src="imgs/footPic.png" alt="footPic">
			<div class="copyRight pa fc f16 wm h55">
				<span class="blue">VTMER</span>
				<span class="white">2018 all rights reserved</span>
			</div>
		</div>
	</footer>
	<script> document.documentElement.style.fontSize = document.documentElement.clientWidth / 16 + 'px'; </script>
</body>
</html>